@import "../../styles/base";

/*购物车*/
.ga-cart{
  .ga-arrow-cell{
    .item{
      @include align-items(center);
      font-size:28rpx;
    }

    .pos{
      @include wh(24rpx,32rpx);
      background: url("http://ga-1255639017.file.myqcloud.com/images/icon/pos.png") no-repeat;
      background-size: 100% 100%;
      margin-right:20rpx;
    }
  }

  .address{
    @extend %flex;
    background: #fff;
    padding:35rpx 22rpx;
    @include align-items(center);
    border-bottom: 1px solid $grayLighter;

    @extend %active;

    .p1{
      font-size:30rpx;
    }

    .p2{
      font-size:24rpx;
      color:$gray;
    }

    .mark{
      @extend %inline-block;
      padding:0 13rpx;
      color:$orange;
      border:1px solid $orange;
      @include border-radius(8rpx);
    }

    .edit{
      @include flex(0 0 auto);
      @include wh(44rpx,43rpx);
      background: url("http://ga-1255639017.file.myqcloud.com/images/icon/edit.png") no-repeat;
      background-size: 100% 100%;
    }
  }

  .ga-group-list{
    .item{
      margin-top:10rpx;
      font-size:22rpx;
    }
    .radio-box{
      height:175rpx;
      .weui-check__label{
        @include display-flex;
        height:100%;
        @include align-items(center);
        justify-content:center;
      }
    }

    .img-box{
      @include wh(235rpx,175rpx);
      border:1rpx solid $grayLighter;
      @include border-radius(8rpx);
      @include box-shadow(4rpx 6rpx 15rpx $grayLighter);

      image{
        max-height:100%;
        max-width:100%;
      }
    }

    .p1{
      margin-top:5rpx;
      color:$gray;
      height:90rpx;
      line-height:30rpx;
      overflow: hidden;
    }
    .p2{
      .span1{
        font-size:26rpx;
        color:$primary;
        margin-right:20rpx;
      }

      .span2{
        font-size:18rpx;
        color:$grayLight;
        text-decoration: line-through;
      }
    }

    .ga-number{
      position: absolute;
      right:0;
      bottom:0;
      z-index:$zindexDropdown;
    }
  }

  .bottom{
    @extend %flex;
    @include align-items(center);
    font-size:26rpx;
    background: #fff;

    .total{
      @include flex(1 1);
      padding:0 22rpx;
      @extend %flex;
      @include align-items(center);
    }

    .btn{
      @include flex(0 0 auto);//不放大 不缩小 项目本来大小
      @include wh(145rpx,98rpx,98rpx);
      @include border-radius(0);
      padding:0;
      font-size:26rpx;
    }

    .radio-box{
      line-height:1;
      .weui-cell{
        padding:0;
      }

      .weui-cell__hd{
        @include align-self(center);
      }
    }
  }

  .ga-action-sheet{
    min-height:500rpx;
    h1{
      @include wh(auto,80rpx,80rpx);
      text-align: center;
      font-size:30rpx;
    }

    .weui-cells{
      margin-top:0;
    }

    .link-box{
      @include wh(auto,80rpx);

      .link{
        display:block;
        position: absolute;
        font-size:30rpx;
        background: $orange;
        color:#fff;
        bottom:0;
        text-align: center;
        @include wh(100%,80rpx,80rpx);
      }
    }
  }
}
